/* user_pkg/pages/address/address.wxss */
Page {
    background-color: #f1f1f2;
}

.scroll {
    height: 90vh;

    .address-card {
        margin: 24rpx;
        padding: 30rpx;
        box-sizing: border-box;
        width: 702rpx;
        height: 242rpx;
        background: #FFFFFF;
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
        border-radius: 16px;

        .top {
            .name {
                text {
                    font-size: 30rpx;
                    color: #333;
                    line-height: 44rpx;
                    font-weight: 400;
                }
            }

            .address {
                margin-bottom: 20rpx;
                font-size: 28rpx;
                color: #303133;
                line-height: 40rpx;
                font-weight: 400;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }
        }

        .bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 90rpx;
            border-top: 2px solid rgba(241,241,241,1);

            .left {
                .wx-checkbox-input {
                    width: 32rpx!important;
                    height: 32rpx!important;
                    border-radius: 50%;
                }
            
                .wx-checkbox-input.wx-checkbox-input-checked {
                    width: 32rpx!important;
                    height: 32rpx!important;
                    background-color: #f9231b!important;
                    border: #f9231b;
                    color: #fff;
                }

                text {
                    margin-left: 10rpx;
                    font-size: 28rpx;
                    color: #303133;
                    line-height: 90rpx;
                    font-weight: 400;
                }
            }

            .right {
                display: flex;
                align-items: center;

                image {
                    width: 28rpx;
                    height: 28rpx;
                    vertical-align: middle;
                }

                text {
                    margin-left: 8rpx;
                    font-size: 28rpx;
                    color: #4c4c4c;
                    line-height: 90rpx;
                    font-weight: 400;
                }
            }
        }
    }
}

.add-address {
    position: absolute;
    bottom: 0;
    padding: 20rpx;
    box-sizing: border-box;
    width: 100%;
    height: 188rpx;
    background: #FFFFFF;
    box-shadow: 0rpx -4rpx 40rpx 0rpx rgba(0,0,0,0.12);

    button::after {
        border: none;
    }

    button {
        width: 710rpx;
        height: 80rpx;
        background-image: linear-gradient(90deg, #F9211C 0%, #FF6335 100%);
        border-radius: 40rpx;
        font-size: 28rpx;
        color: #fff;
        line-height: 80rpx;
        font-weight: 400;
    }

    .bottom {
        height: 68rpx;
    }
}